<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>走进尚典</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/Commonstyle.css" />
		<link rel="stylesheet" href="css/zjsd.css" />
		<script type="text/javascript" src="js/wow.min.js" ></script>
	</head>
<body>
		<div class="top">
			<img src="img/logo_03.jpg" class="s wow swing"data-wow-duration="1s" />
			<div class="mc">
				<h1>尚典</h1>
				<p>SHANG DIAN</p>
			</div>
				<input type="checkbox" name="dh" id="dh" />
            <label class="wow bounceInRight menu" data-wow-duration="1s"  for="dh">
                    <span></span>
                    <span></span>
                    <span></span>
            </label>
			<nav class="dh wow bounceIn"  data-wow-duration="1s">
				<li>
					<a href="index.html">首页</a>
					<span><a href="index.html">HOME</a> </span>
				</li>
				<li>
					<a href="zjsd.html">走进尚典</a>
					<span><a href="zjsd.html">HOME</a> </span>
				</li>
				<li>
					<a href="journalism.html">新闻动态</a>
					<span><a href="journalism.html">HOME</a> </span>
				</li>
				<li>
					<a>尚典视频</a>
					<span><a href="video.html">HOME</a></span>
				</li>
				<li>
					<a>产品中心</a>
					<span><a href="products.html">HOME</a></span>
				</li>
				<li>
					<a>授权查询</a>
					<span><a href="query.html">HOME</a></span>
				</li>
				<li>
					<a>联系我们</a>
					<span><a href="contactus.html">HOME</a></span>
				</li>
			</nav>
		</div>
		
		<div class="lb wow bounceOut"  data-wow-duration="1s">
			<input type="radio" name="radio" id="img1" checked />
			<input type="radio" name="radio" id="img2" />
			<input type="radio" name="radio" id="img3" />
			<input type="radio" name="radio" id="img4" />
			<img src="img/lb1_02.jpg" class="images1" />
			<img src="img/image1.jpg" class="images2"/>
			<img src="img/image11.jpg" class="images3"/>
			<img src="img/image8.jpg" class="images4"/>
			<div>
			<label for="img1" id="image1"></label>
			<label for="img2" id="image2"></label>
			<label for="img3" id="image3"></label>
			<label for="img4" id="image4"></label>
			</div>
		</div>
		
		
		<div class="zjsd">
			 <h2 class=" wow bounceInDown"  
			 	data-wow-duration="1s"data-wow-delay="0ms">INTO THE BRAND</h2>
			 <hr />
			 <p class=" wow bounceInLeft"
			 	data-wow-duration="1s"data-wow-delay="100ms">走进尚典</p>
			 <p class=" wow bounceInLeft"
			 	data-wow-duration="1s"data-wow-delay="200ms">“尚典”诞生于2016年中国广州，是香港闻名生物科技有限公司旗下的一个品牌。</p>
			 <p class=" wow bounceInRight"
			 	data-wow-duration="1s"data-wow-delay="300ms">公司集开发、生产、销售为一体，塑造天然，原生态产品，致力打造健康，美丽的核心宗旨。</p>
			 <p class=" wow bounceInLeft"
			 	data-wow-duration="1s"data-wow-delay="400ms">同时也为移动互联网低门槛创业创造一个平台，支持有梦人士创业，实现梦想的舞台。</p>
			 <p class=" wow bounceInRight"
			 	data-wow-duration="1s"data-wow-delay="500ms"> “尚典”无硅油洗护套装，天然强根健发，养发一次到位。</p>
		</div>
		
		<div class="sdzz">
			<img src="img/2bj2_05.jpg" class=" wow bounceInRight"
			 	data-wow-duration="1s"data-wow-delay="600ms" />
			<p class=" wow bounceInLeft"
			 	data-wow-duration="1s"data-wow-delay="700ms">坚持萃取高质量原材料,恪守着“信任、尊重、信念、谦虚和高标准”的价值观秉承着“以人为本、以精为业、以诚服务、以质取胜”的经营理念以产品质量，为企业发展之命脉，以信誉为企业生存之本，打造可靠品质，更在乎你的健康。</p>
		</div>
		
		<div class="sp wow flip">
			<img src="img/2sptu_09.jpg" />
		</div>
		
		<div class="jies">
			<div class="container">
                <div class="row">
                	<div class="sdjz col-md-12 col-sm-12 col-xs-12">
                		<div class="sdjz-z col-md-6 col-sm-12 col-xs-12">
                			<p class=" wow zoomInDown"
			 	data-wow-duration="1s"data-wow-delay="1s">  尚典觉得头发除了美观外还用来保护我们的头皮免受紫外线有害物质的破坏。高度滋养配方，可全方面包裹发芯发根，填补发丝受损缝隙，持久深层修复及滋养受损秀发，令秀发重获活力强韧，巩固发根，柔软亮泽，拥有完美纤柔的丝滑触感</p>
                			<img src="img/2jioutu_13.jpg" class=" wow zoomInLeft"
			 	data-wow-duration="1s"data-wow-delay="1100ms" />
                		</div>
                		<div class="sdjz-y col-md-6 col-sm-12 col-xs-12 wow zoomInRight"
			 	data-wow-duration="1s"data-wow-delay="1200ms">
                			<div class="text-center">
                				<p>尚典的</p>
                				<h3>价值</h2>
                				<hr />
                			</div>
                		</div>
                	</div>
                	
                	<div class="sdfz col-md-12 col-sm-12 col-xs-12">
                		<div class="sdfz-z col-md-6 col-sm-12 col-xs-12 wow bounceInRight"data-wow-duration="1s"data-wow-delay="0ms">
                			<div class="text-center">
                				<p>尚典</p>
                				<h3>发展历程</h2>
                				<hr />
                			</div>
                		</div>
                		<div class="sdfz-y col-md-6 col-sm-12 col-xs-12 wow bounceInLeft"data-wow-duration="1s"data-wow-delay="100ms">
                			<img src="img/2fzgc_21.jpg" />
                		</div>
                	</div>
                	
              		
              		<div class="fzlc col-md-12 col-sm-12 col-xs-12">
                		<div class="col-md-6 col-sm-12 col-xs-12 wow bounceInRight"data-wow-duration="1s"data-wow-delay="200ms">
                			<img src="img/201_28.jpg" />
                		</div>
	                	<div class="col-md-6 col-sm-12 col-xs-12 wow bounceInLeft"data-wow-duration="1s"data-wow-delay="300ms">
	                		<h4>2016.01</h4>
	                		<p>开始研发尚典的第一个产品</p>
	                		<p>无硅油洗发露和护发素</p>
	                	</div>
                	</div>
                	
              		<div class="fzlc col-md-12 col-sm-12 col-xs-12">
                		<div class="col-md-6 col-sm-12 col-xs-12 wow bounceInRight"data-wow-duration="1s"data-wow-delay="400ms">
                			<img src="img/202_32.jpg" />
                		</div>
	                	<div class="col-md-6 col-sm-12 col-xs-12 wow bounceInLeft"data-wow-duration="1s"data-wow-delay="500ms">
	                		<h4>2016.02</h4>
	                		<p>研制成第一个配方，创始人经过各轮筛选，认为配方存在部分不足的地方，从而决定继续改良</p>
	                	</div>
                	</div>

					<div class="fzlc col-md-12 col-sm-12 col-xs-12">
						<div class="col-md-6 col-sm-12 col-xs-12 wow bounceInRight"data-wow-duration="1s"data-wow-delay="600ms">
	                		<h4>2016.04</h4>
	                		<p>第二个配方又成功研制出来，依然谨慎试用，75%的人觉得配方可行，但依旧存在少部分人觉得有缺陷，经过再三考虑，决定再次投入改良配方；</p>
	                	</div>
                		<div class="col-md-6 col-sm-12 col-xs-12 wow bounceInLeft"data-wow-duration="1s"data-wow-delay="700ms">
                			<img src="img/203_36.jpg" />
                		</div>
                	</div>
					
					<div class="fzlc col-md-12 col-sm-12 col-xs-12">
						<div class="col-md-6 col-sm-12 col-xs-12 wow bounceInRight"data-wow-duration="1s"data-wow-delay="800ms">
	                		<h4>2016.05</h4>
	                		<p>经过改良后的配方终于研制成功，无任何添加纯天然植物萃取精华在众多人的试用下，高达90%多的人看好配方</p>
	                	</div>
                		<div class="col-md-6 col-sm-12 col-xs-12 wow bounceInLeft"data-wow-duration="1s"data-wow-delay="900ms">
                			<img src="img/204_39.jpg" />
                		</div>
                	</div>
					
					
					
					
					
					
					
                </div>
            </div>
		</div>
		
		
		
		
		<div class="bottom">
			<div class="container">
                <div class="row">
                	<div class="bot-z col-md-2 col-sm-2 col-xs-12">
                		<img src="img/botlogo_03.jpg" class=" wow bounceInLeft"
               					data-wow-duration="1s"data-wow-delay="0ms" />
                		<span class=" wow bounceInLeft"
               					data-wow-duration="1s"data-wow-delay="100ms" >尚  典</span>
                		<img src="img/tiao_09.jpg" />
                	</div>
                	
                	<div class="bot-zh col-md-3 col-sm-4 col-xs-12">
                		<p class=" wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="200ms" >导航 NAVIGATION</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="300ms" >网站首页</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="400ms" >走进尚典</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="500ms" >新闻动态</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="600ms" >尚典视频</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="700ms" >产品中心</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="800ms" >授权查询</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="900ms" >联系我们</p>
                	</div>
                	<div class="bot-y col-md-5 col-sm-5 col-xs-12">
                		<p class=" wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="1000ms" >联系 CONTACT</p>
                		<img src="img/tiao_09.jpg" />
                		<img src="img/tiao_09.jpg" />
                		<p class=" wow bounceInUp"
               					data-wow-duration="1s"data-wow-delay="1100ms">地址：广州市海珠区赤岗街道新市头路锦安苑锦豪居C栋502</p>
                		<p class=" wow bounceInUp"
               					data-wow-duration="1s"data-wow-delay="1200ms">联系电话：400-1886-1345</p>
                		<p class=" wow bounceInUp"
               					data-wow-duration="1s"data-wow-delay="1300ms">邮箱：203841290@qq</p>
                		<p class=" wow bounceInUp"
               					data-wow-duration="1s"data-wow-delay="1400ms">香港闻名稍微有限公司版权所有  粤ICP备0754673</p>
                		
                	</div>
                	<div class="bot-m col-md-2 col-sm-2 col-xs-12">
                		<img src="img/bott-m_06.jpg" class=" wow bounceInRight"
               					data-wow-duration="1s"data-wow-delay="1500ms" />
                	</div>
                </div>
            </div>
		</div>
</body>
</html>
<script>
    //初始化懒加载
    new WOW().init();
</script>